<section id = "doc_viewport-group" data-view = "true" data-view-title = "视图群组">
	<header>
		<a class = "nav-back" data-view-rel = ":back"></a>
		<span>视图群组</span>
		<a class = "menu"></a>
	</header>
	<div class = "body">
		<p>开发者可以借助视图群组将功能相近，但展现风格或功能表现略有差异的视图归为一类，以实现动态决定要导向到目标视图的目的。</p>
		<p>开发者在使用View.js提供的视图导向功能时，可以使用视图群组名称代替视图编号。如：</p>
		<div class = "code js">
View.navTo("~profile");
View.changeTo("~category");
		</div>
		<div class = "code html">
&lt;span data-view-rel = "~home-page"&gt;首页&lt;/span&gt;
		</div>

		<p>此时，View.js将根据提供的群组名称查找页面内属于该群组的所有视图。如果没有视图隶属于该群组，则在控制台上提示相关错误；如果有多个视图隶属于该群组，则认定通过View.listAll()方法得到的第一个视图为要导向到的目标视图，并将视图切换过去。</p>
		<p>其中，符号："~"用于告诉View.js，该符号后边的字符串内容是视图群组的名称。</p>
		<p>视图群组名称可以由开发者随意指定，并且定义至任意视图节点上。</p>
		<p>视图群组名称使用DOM属性：data-view-group来定义，如：</p>
		<div class = "code html">
&lt;section id = "view2" data-view = "true" data-view-title = "View title 2" data-view-group="profile"&gt;
	...
&lt;/section&gt;
		</div>
	</div>
	<footer><div class = "btn next">下一节</div></footer>
</section>